<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
	<head>
		<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" media="screen" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<jsp:include page="title.jsp"></jsp:include>
		<link href="css/portal_css.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" href="css/jquery.fullPage.css">
		<script src="js/fullpage/jquery-1.8.3.min.js"></script>
		<script src="js/fullpage/jquery-ui-1.10.3.min.js"></script>
		<script src="js/fullpage/jquery.fullPage.min.js"></script>
		<script src="js/easydialog.min.js" type="text/javascript"></script>
		<script>
		var os=navigator.platform.toLowerCase();
		var uant=navigator.userAgent.toLowerCase();
		if(uant.indexOf("android")>0||os=="iphone"){
			location.href="index_mobile";
		}
        $(document).ready(function () {
        	//var errorMsg = $('#errorMsg').val();
        	//if(errorMsg!=""&&errorMsg!=null){
        	//	var usName = $('#usName').val();
        	//	$('#loginwindow').show();
        	//	$('#sjbg').val(0);
        	//	$('#fromAddress').attr('value','index');
        	//	$('#uname').attr('value',usName);
        	//	$('#uname1').hide();
        	//	$('#uname').show();
        	//	alert(errorMsg);
        	//}
            //window.onresize = adjust;
            //adjust();
            setInterval(autochange, 10000);
            $.fn.fullpage({
                slidesColor: ['#fff', '#fff', '#f8f9fa', '#fff', '#f8f9fa', '#fff', '#fff', '#002956'],
                anchors: ['page1', 'page2', 'page3', 'page4', 'page5', 'page6', 'page7', 'page8'],
                navigation: true,
                verticalCentered: false,
                scrollingSpeed:500
            });
        });
        function adjust() {
        
            var ww = $(window).width();
            var hh = $(window).height();
            //alert(hh)
           
        }
</script>
		<script type="text/javascript">
    function validate() {
        $("#txtname").css("border", "");
        $("#textPhoneno").css("border", "");
        $("#txtEmail").css("border", "");
        $("#txtQuest").css("border", "");
        if ($("#txtname").val() == '') {
            $("#txtname").css("border", "1px solid red");
            return;
        }
        if ($("#textPhoneno").val() == '') {
            $("#textPhoneno").css("border", "1px solid red");
            return;
        }
        else {
            var re = /^1[3578]\d{9}$/;
            var str = $("#textPhoneno").val();
            if (!re.test($.trim(str))) {
                showmsg("请输入有效的手机号码");
                return;
            }
        }
        if ($("#txtEmail").val() == '') {
            $("#txtEmail").css("border", "1px solid red");
            return;
        }
        else {
            var re = /^[\w\.\-]+@[\w\-]+(\.[\w\-]+)+$/;
            var str = $("#txtEmail").val();
            if (!re.test($.trim(str))) {
                showmsg("请输入合法的电子邮件地址");
                return;
            }
        }
        if ($("#txtQuest").val() == '') {
            $("#txtQuest").css("border", "1px solid red");
            return;
        }
        var name=encodeURI($("#txtname").val());
        var phoneNo=$("#textPhoneno").val();
        var email=$("#txtEmail").val();
        var question=encodeURI($("#txtQuest").val());
        $.ajax({
        	url:"commitFeedback?rnd"+Math.random(),
        	data:{name:name,phoneNo:phoneNo,question:question,email:email},
        	success:function(msg){
        		if(msg=="1"){
        			showmsg("提交成功！");
        			$("#txtname").val("");
        			$("#textPhoneno").val("");
        			$("#txtEmail").val("");
        			$("#txtQuest").val("");
        		}
        	}
        });
        //$("#myForm").submit();
    }
    function showmsg(msg){
        easyDialog.open({
                    container: {
                        header: '提示',
                        content: msg
                    },
                    autoClose: 2000
                });
    }
    function topchange(id) {
        $("#topchangeid").attr("class", "main_visual top_" + id + "");
        $("#href1").attr("class", "");
        $("#href2").attr("class", "");
        $("#href3").attr("class", "");
        $("#href4").attr("class", "");
        $("#href" + id + "").attr("class", "on");
    }
    function loadit(){
    	var msg=$("#message").val();
    	if(msg!=null&&msg!=""){
    		showmsg($("#message").val());
    	}
    }
    </script>
		<style type="text/css">
.cred {
	color: Red;
}
</style>
	</head>
	<body onload="loadit()">
		<div class="section">


			<script src="js/easydialog.min.js" type="text/javascript"></script>
			<script type="text/javascript">
    var ww_top = $(window).width();
    var hh_top = $(window).height();
   
//    function showweixin() {
//        var top = $("#imageweixin").offset().top;
//        var toppx = (parseInt(top) + 33)
//        $("#weixindiv").css("top", "" + toppx + "px");
//        
//        $('#weixindiv').show();
//    }
    function hideweixin() {
        $('#weixindiv').hide()
    }
    function texiao() {
        var m = $(".menu");
    }
    $(
        function () {
            window.onresize = topc;
            topc();
            hh_top = $(window).height();
            
            $('.menu').hover(function () {
                $('.span1', this).stop().css({ "height": "2px", "top": "" + (parseInt(hh_top * 0.087 / 2) + 14) + "px" });
                $('.span1', this).animate({
                    top: "" + parseInt(hh_top * 0.087) - 2 + "px"
                }, 500);
            }, function () {
                $('.span1', this).stop().animate({
                    top: "" + (parseInt(hh_top * 0.087 / 2) + 14) + "px",
                    height: '0'
                }, 0);
            });
        }
    )
</script>
			<script type="text/javascript">
    $(document).ready(function () {
        loadpage();
        
    })
    function sjbgclick() {
        var rmb = $("#userName").val();//getCookie("bigdata_pcuserid");
        if (rmb!=""&&rmb != null) {
            location.href = "loginSub";
        }
        else {
            ShowLogin();
            changeImage();
            $('#sjbg').val(1);
        }
    }
    </script>
			<jsp:include page="portalHead.jsp"></jsp:include>
			
			<div id="topchangeid" class="main_visual top_1">
				<div class="flicking_con">
					<a class="on" id="href1" href="javascript:void(null)"
						onclick=topchange(1);>1</a>
					<a href="javascript:void(null)" id="href2" onclick=topchange(2);>2</a>
					<a href="javascript:void(null)" id="href3" onclick=topchange(3);>3</a>
					<a href="javascript:void(null)" id="href4" onclick=topchange(4);>4</a>
				</div>
				<div class="main_image">
					<ul>





					</ul>
				</div>
				<script language="javascript">
	function autochange() {
		//alert(1)
		var obj = $(".flicking_con a");
		for (i = 0; i < obj.size(); i++) {
			if (obj.eq(i).attr("class") == "on") {
				var num = obj.eq(i).html();
				num = parseInt(num) + 1;
				if (num > 4) {
					num = 1;
				}

				$("#href" + num + "").click();
				break;
			}
		}

	}
	//setInterval(autochange, 5000)
</script>
			</div>




		</div>

		<div class="section sdiv1">

			<div class="sdivtitle">
				你是否面临？
			</div>
			<div class="sdiv1content1">
				<div class="floatleft width19">
					&nbsp;
				</div>
				<div class="sdivcontent floatleft width24">
					今天活动效果如何？
				</div>
				<div class="sdivcontent floatleft width28">
					节假日客流高峰期是几点？
				</div>
				<div class="sdivcontent floatleft width28">
					顾客动线是怎么样的？
				</div>
				<div class="cleardiv"></div>
			</div>

			<div class="sdiv1content2">
				<div class="floatleft width19">
					&nbsp;
				</div>
				<div class="sdivcontent floatleft width24">
					引流来了多少人？
				</div>
				<div class="sdivcontent floatleft width28">
					这个节假日来了多少人？
				</div>
				<div class="sdivcontent floatleft width28">
					新老顾客占比多少？
				</div>
				<div class="cleardiv"></div>
			</div>
		</div>

		<div class="section sdiv2">

			<div class="sdiv2title">
				我们将提供
			</div>

			<div class="sdiv2content1">
				<div class="floatleft width10">
					&nbsp;
				</div>
				<div class="sdiv2content floatleft width20 fontcenter">
					<span>实时的客流统计</span>
					<br />
					掌握客流动态实时变化
					<br />
					从此活动效果如何?何时客流高峰
					<br />
					期？引流来了多少人等等轻松评估！
				</div>
				<div class="sdiv2content floatleft width20 fontcenter">
					<span>完善的指标分析</span>
					<br />
					发掘数据价值精准营销
					<br />
					汇纳科技11年客流系统的成功经
					<br />
					验，只为您提供完善的指标系统！
				</div>
				<div class="sdiv2content floatleft width20 fontcenter">
					<span>高效的设施部署</span>
					<br />
					免去硬件顾虑使用舒心
					<br />
					汇纳深知客户痛处，使用数据云交
					<br />
					付模式，集中部署、管理硬件设施！
				</div>
				<div class="sdiv2content floatleft width20 fontcenter">
					<span>贴心的配套服务</span>
					<br />
					坐享数据服务分秒必争
					<br />
					汇纳数据服务支持PC/移动端/邮件，
					<br />
					让您可以随时随地轻松看报表
				</div>
				<div class="floatleft width10">
					&nbsp;
				</div>
				<div class="cleardiv"></div>
			</div>

		</div>

		<div class="section sdiv3">

			<div class="sdiv3title">
				成熟 先进的客流采集技术
			</div>
			<div class="sdiv3content1">
				<div class="floatleft width30">
					&nbsp;
				</div>
				<div class="sdiv3content floatleft width19">
					视频客流采集
				</div>
				<div class="sdiv3content floatleft width19 fontright">
					WI-FI探针跟踪
				</div>
				<div class="floatleft width32">
					&nbsp;
				</div>
				<div class="cleardiv"></div>
			</div>
		</div>

		<div class="section sdiv4">

			<div class="sdiv4title">
				便捷 流行的云交付模式
			</div>
		</div>

		<div class="section sdiv5">

			<div class="sdiv5title">
				连接 只需四步
			</div>
			<div class="sdiv5content">
				<div class="floatleft width10">
					&nbsp;
				</div>
				<div class="sdivcontent floatleft width20 fontcenter">
					第一步
					<br />
					填写信息
				</div>
				<div class="sdivcontent floatleft width20 fontcenter">
					第二步
					<br />
					需求沟通
				</div>
				<div class="sdivcontent floatleft width20 fontcenter">
					第三步
					<br />
					设施部署
				</div>
				<div class="sdivcontent floatleft width20 fontcenter">
					第四步
					<br />
					数据云交付
				</div>
				<div class="floatleft width10">
					&nbsp;
				</div>
				<div class="cleardiv"></div>
			</div>


		</div>

		<div class="section sdiv6">

			<div class="sdiv6title">
				<span>联系我们</span>
				<br />
				提供您的具体需求和详细信息，我们将尽快和您取得联系！
			</div>
			<div class="sdiv6content">
				<div class="floatleft width17">
					&nbsp;
				</div>
				<div class="floatleft width40 sdiv6content1">
					<div>
						微信公众号
					</div>
					<div class="width34">
						<img src="images/weixinewm.png" width="100%" />
					</div>
					<div>
						24小时热线
					</div>
					<div class="rexian">
						400-990-5050
					</div>
				</div>
				<form id="myForm" action="commitFeedback" method="post">
					<div class="floatleft sdiv6content1 width40">
						<div>
							姓名
						</div>
						<div class="sdiv6input">
							<input type="text" class="input2" id="txtname"
								name="feedback.name" />
							<span class="cred">*</span>
						</div>
						<div>
							手机号码
						</div>
						<div class="sdiv6input">
							<input type="text" class="input2" id="textPhoneno"
								name="feedback.phoneNo" />
							<span class="cred">*</span>
						</div>
						<div>
							电子邮件
						</div>
						<div class="sdiv6input">
							<input type="text" class="input2" id="txtEmail"
								name="feedback.email" />
							<span class="cred">*</span>
						</div>
						<div>
							您的需求/问题
						</div>
						<div class="sdiv6input">
							<textarea id="txtQuest" name="feedback.question"></textarea>
							<span class="cred">*</span>
						</div>
						<div class="sdiv6button" onclick=validate();;>
							提 交
						</div>
					</div>
					<input type="hidden" id="message" value="${message}" />
				</form>
				<div class="cleardiv"></div>
			</div>
		</div>

		<div class="section">
			<div class="sdiv7"></div>
			
			<jsp:include page="footer.jsp"></jsp:include>
			<!-- <div class="footer">
				<div class="footermargin">
					<div class="footerwz fontcenter">
						本网站设计及数据均受版权保护，任何公司及个人不得以任何方式复制，违者将依法追究责任，特此声明
						<br />
						版权所有 &copy; 2004-<span id="toYear"></span> WINNER TECHNOLOGY
						<a href="http://www.miibeian.gov.cn/" target="_blank">沪ICP备案05030512号-3</a>
						<script language="javascript"
							src="http://count9.51yes.com/click.aspx?id=95428263&logo=1"
							charset="gb2312"></script>
					</div>

				</div>
			</div>
  -->


		</div>
		<input type="hidden" value="${userName}" id="userName" />
		<input type="hidden" value="${errorMsg}" id="errorMsg" />
		<input type="hidden" value="${usName}" id="usName" />
	</body>
</html>